<template>
    <div>

        <h2>门店显示</h2>
        <table> 
            <tr>
                <td>
                    门店名称<input type="text">
                    <button>查询</button>
                </td>
            </tr>
        </table>
        <table class="table table-bordered">
            <tbody>
                <tr class="bg bg-primary">
                    <td>门店名称</td>
                    <td>门店地址</td>
                    <td>门店电话</td>
                    <td>操作</td>
                </tr>
                <tr >
                    <td>老八店</td>
                    <td>老八家</td>
                    <td>12345678910</td>
                    <td> <a style="color: red;">删除</a></td>
                </tr>
                <tr >
                    <td>老七店</td>
                    <td>老七家</td>
                    <td>12345678910</td>
                    <td> <a style="color: red;">删除</a></td>
                </tr>

                <!-- <tr v-for="item in showmen">
                    <td>{{ item.name }}</td>
                    <td>{{ item.adder }}</td>
                    <td>{{ item.phone }}</td>
                    <td>
                        <a style="color: red;">删除</a>
                    </td>
                </tr> -->
            </tbody>
        </table>
        <table>
            <tr>
                <td>
                    <button >上一页</button>
                    <button >下一页</button>
                    <button >首页</button>
                    <button >尾页</button>
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";
const router=useRouter();
const showmen=reactive([])

const getshowmen=()=>{
    axios.get("https://localhost:7250/api/mendian").then(res=>{
        res.data=showmen.values;
    })
}


</script>

<style scoped>

</style>